<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>开源中国</title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
	#he1{
		min-height: 40px;
		background: blue;
	}
	#d-1{
		height: 40px;
		width: 800px;
		margin: 0 auto;
		/*margin: 0px atuo;
		padding: 0,20px;*/
		background-color:#000000;
		
	}
	#d-1-1{
		height: 30px;
		width: 500px;
		float: left;
		background-color:#FFFF00 ;
		margin: 4px ;
	}
	#d-1-2{
		height: 30px;
		width: 200px;
		float: right;
		background-color:aquamarine ;
		margin: 4px ;
		
	}
	#ss{
		background-color: #797979
	}
	section header{
		height: 110px;
		/*width: 900px;*/
		background-color:cadetblue ;
		margin: 20px 0;
		padding: 20px;
		box-sizing: border-box;
	}
	
	
section header	#d-2{
		
		background-color:burlywood ;
	width: 800px;
    max-width: 1200px;
    height: 56px;
    margin:10px auto ;
/*line-height: 20px;*/
		
	}
	#d-2 div{
		height: 56px;
		width: 200px;
		background-color: #000000;
		float: left;
		margin: 0px 20px;
	}
	
	#s1{
		    width: 100%;
    max-width: 1300px;
    margin: 0 auto;
    background-color:chocolate ;
   
    padding: 20px;
    box-sizing:border-box ;
	}
	#d-3{
		width: 900px;
		background-color:#FFFF00 ;
		padding: 10px;
		display: inline-block;
	}
	#u-1{
		width: 400px;
		margin: 10px;
		/*float: left;*/
		background-color:#000000 ;
		display: inline-block;
		
	}
	#u-2{
		width: 400px;
		/*margin: 10px;*/
		/*float: right;*/
		background-color:#000000 ;
		display: inline-block;
	}
	#d-4{
		width:900px ;
		height: 100px;
		background-color:#E93854 ;
		
	}
	
	#d-5{
		margin: 10px;
		width: 900px;
		height: 500px;
		background-color: aliceblue;
	}
	#d-6{
		margin: 10px;
		width: 900px;
		height: 500px;
		background-color: #7FFFD4;
	}
	#d-7{
		margin: 10px;
		width: 900px;
		height: 500px;
		background-color: #000000;
	}
	#d-8{
		margin: 10px;
		width: 900px;
		height: 500px;
		background-color: aqua;
	}
	#d-9{
		margin: 10px;
		width: 900px;
		height: 500px;
		background-color:blue; 
	}
	#dd-1 {
		
float: right;
		/*display: inline-block;*/
	}
	#dd-1 div{
		width: 300px;
		height: 700px;
		background-color:#E93854 ;
		margin: 10px;
	}
	footer{
		width: 1300px;
		margin: 0 auto;
		
	}
	footer ul{
		width: 200px;
		height: 100px;
		background-color: brown;
		margin: 10px;
		float: left;
	}
	footer div{
		width: 150px;
		height: 100px;
		background-color: #000000;
		margin: 8px 20px;
		float: right;
	}
		</style>
	</head>
	<body>
		<header id="he1">
			<div id="d-1">
				<div id="d-1-1"></div>
				<div id="d-1-2">
					
				</div>
			</div>
		</header>
	<section id="ss">
		<header>
			<div id="d-2">
				<div id="d-2-1"></div>
				<div id="d-2-2"></div>
				<div id="d-2-3"></div>
				
			</div>
		</header>
		<section id="s1">
			<!--左侧-->
			<div id="d-3">
				<!--左侧开始-->
				<div id="d-3-1">
					<ul id="u-1">
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
						<li>7</li>
					</ul>
					<ul id="u-2">
						<li>1</li>
						<li>2</li>
						<li>3</li>
						<li>4</li>
						<li>5</li>
						<li>6</li>
						<li>7</li>
					</ul>
				</div>
				<div id="d-4">
					
				</div>
				<div id="d-5">
					
				</div><div id="d-6">
					
				</div><div id="d-7">
					
				</div><div id="d-8">
					
				</div><div id="d-9">
					
				</div>
			</div>
			<!--右侧-->
			<div id="dd-1">
				<div id="dd-1-1">
					
				</div>
				<div id="dd-1-2">
					
				</div>
				<div id="dd-1-3">
					
				</div>
			</div>
		</section>
	</section>
		<footer>
			<ul id="uu-1">
				<li>1</li>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				
			</ul id="uu-2">
			<ul>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				
			</ul><ul id="uu-3">
				<li>1</li>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				
			</ul><ul id="uu-4">
				<li>1</li>
				<li>1</li>
				<li>1</li>
				<li>1</li>
				
			</ul>
			<div id="dd-3-1">
				
			</div>
			<div id="dd-3-2">
				
			</div>
		</footer>
	</body>
</html>
